<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="${ctxPath}/weui/css/weuix.min.css" />
<link rel="stylesheet" href="${ctxPath}/css/product/product-info.css" />
<script src="${ctxPath}/weui/js/zepto.min.js"></script>
<script src="${ctxPath}/js/product/product-info.js"></script>
</head>
<body ontouchstart style="background-color: #fff;" ctxPath=${ctxPath}>
	<!-- 头部导航 -->
	<div class="weui_btn_primary weui-header ">
		<div class="weui-header-left">
			<a class="icon icon-109 f-white"></a>
		</div>
		<h1 class="weui-header-title">组织课程</h1>
	</div>
	<!-- 内容显示 -->
	<div class="weui_tab" style="height:44px;" id="tab">
		<div class="weui_navbar" style="height:44px;">
			<div class="weui_navbar_item tab-blue" id="nowProduct">当前课程</div>
			<div class="weui_navbar_item" id="pastProduct">以往课程</div>
		</div>
	</div>
	<!-- 当前课程和以往课程切换 -->
	<div>
		<!-- 当前课程 -->
		<div id="nowProduct1" class="p_content">
			<!-- 当前课程详情以及参加人数详情 -->
			<div class="p_now_one">
				<div id="p_now_product">
					<!-- 课程图片 -->
					<div class="p_now_info p_now_imgBox">
						<img alt="" src="">
					</div>
					<!-- 参加人数详情 -->
					<div class="p_now_info p_now_studentBox">
						<div class="weui_cells p_now_infoBox">
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									架子鼓基础班<span class="icon icon-100"></span></p>
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>班级负责人</span></p>
								</div>
								<div class="weui_cell_ft">
									成龙 
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>时间</span></p>
								</div>
								<div class="weui_cell_ft">
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>班级人数</span></p>
								</div>
								<div class="weui_cell_ft">
									23人
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 课程介绍 -->
				<div class="p_now_classInfo">
					<p>爵士鼓（Jazz drum），俗称“架子鼓”。它是爵士乐鼓手、电声乐队鼓手以及其他通俗音乐使用的打击乐器。
						架子鼓是无固定音高的打击乐器之一，主要由低音地鼓、小鼓、桶子鼓、钗和踩钗组成，需要以手脚的相互合来演奏。
						爵士鼓的艺术表现力很强，色彩丰富，具有多种多样的性能，它是乐队中极为重要的组成部分。</p>
				</div>
				<div class="p_now_hr">
					<hr>
				</div>
			</div>
			<div class="p_now_one">
				<div id="p_now_product">
					<!-- 课程图片 -->
					<div class="p_now_info p_now_imgBox">
						<img alt="" src="">
					</div>
					<!-- 参加人数详情 -->
					<div class="p_now_info p_now_studentBox">
						<div class="weui_cells p_now_infoBox">
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									架子鼓基础班<span class="icon icon-100"></span></p>
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>班级负责人</span></p>
								</div>
								<div class="weui_cell_ft">
									成龙 
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>时间</span></p>
								</div>
								<div class="weui_cell_ft">
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>班级人数</span></p>
								</div>
								<div class="weui_cell_ft">
									23人
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 课程介绍 -->
				<div class="p_now_classInfo">
					<p>爵士鼓（Jazz drum），俗称“架子鼓”。它是爵士乐鼓手、电声乐队鼓手以及其他通俗音乐使用的打击乐器。
						架子鼓是无固定音高的打击乐器之一，主要由低音地鼓、小鼓、桶子鼓、钗和踩钗组成，</p>
				</div>
				<div class="p_now_hr">
					<hr>
				</div>
			</div>
			<!---------------------------- 新增课程 ------------------------------------------>
			<div>
				<p class="p_now_insertItem"><a href="javascript:;">+新增课程</a></p>
			</div>
		</div>
		<!-- 以往课程 -->
		<div id="pastProduct1" class="p_content_hb p_content">
			<div class="p_now_one">
				<div id="p_now_product">
					<!-- 课程图片 -->
					<div class="p_now_info p_now_imgBox">
						<img alt="" src="">
					</div>
					<!-- 参加人数详情 -->
					<div class="p_now_info p_now_studentBox">
						<div class="weui_cells p_now_infoBox">
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									架子鼓基础班<span class="icon icon-100"></span></p>
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>班级负责人</span></p>
								</div>
								<div class="weui_cell_ft">
									成龙 
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>时间</span></p>
								</div>
								<div class="weui_cell_ft">
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>班级人数</span></p>
								</div>
								<div class="weui_cell_ft">
									23人
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 课程介绍 -->
				<div class="p_now_classInfo">
					<p>爵士鼓（Jazz drum），俗称“架子鼓”。它是爵士乐鼓手、电声乐队鼓手以及其他通俗音乐使用的打击乐器。
						架子鼓是无固定音高的打击乐器之一，主要由低音地鼓、小鼓、桶子鼓、钗和踩钗组成，需要以手脚的相互合来演奏。
						爵士鼓的艺术表现力很强，色彩丰富，具有多种多样的性能，它是乐队中极为重要的组成部分。</p>
				</div>
				<div class="p_now_hr">
					<hr>
				</div>
			</div>
			<div class="p_now_one">
				<div id="p_now_product">
					<!-- 课程图片 -->
					<div class="p_now_info p_now_imgBox">
						<img alt="" src="">
					</div>
					<!-- 参加人数详情 -->
					<div class="p_now_info p_now_studentBox">
						<div class="weui_cells p_now_infoBox">
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									架子鼓基础班<span class="icon icon-100"></span></p>
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>班级负责人</span></p>
								</div>
								<div class="weui_cell_ft">
									成龙 
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>时间</span></p>
								</div>
								<div class="weui_cell_ft">
								</div>
							</div>
							<div class="weui_cell p_now_stu_infoItem">
								<div class="weui_cell_bd weui_cell_primary">
									<p>班级人数</span></p>
								</div>
								<div class="weui_cell_ft">
									23人
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 课程介绍 -->
				<div class="p_now_classInfo">
					<p>爵士鼓（Jazz drum），俗称“架子鼓”。它是爵士乐鼓手、电声乐队鼓手以及其他通俗音乐使用的打击乐器。
						架子鼓是无固定音高的打击乐器之一，主要由低音地鼓、小鼓、桶子鼓、钗和踩钗组成，</p>
				</div>
				<div class="p_now_hr">
					<hr>
				</div>
			</div>
		</div>
	</div>
</body>
</html>